import React, { Component } from 'react';
import { NavLink } from "react-router-dom";
import "../Index/Tabbar.scss"

class Tabbar extends Component {
    render() {
        return (
            <div className='tabbar'>
                <NavLink to="/index/home">
                    <div className='iconfont icon-shouye'></div>
                    <p className='text'>首页</p>
                </NavLink>
                <NavLink to="/index/cate">
                    <div className='iconfont icon-fenlei'></div>
                    <p className='text'>分类</p>
                </NavLink>
                <NavLink to="/index/allgoods">
                    <div className='iconfont icon-31quanbushangpin'></div>
                    <p className='text'>所有商品</p>
                </NavLink>
                <NavLink to="/index/shopcarts">
                    <div className='iconfont icon-gouwuche'></div>
                    <p className='text'>购物车</p>
                </NavLink>
                <NavLink to="/index/mine">
                    <div className='iconfont icon-gerenzhongxin'></div>
                    <p className='text'>我的</p>
                </NavLink>

            </div>
        );
    }
}

export default Tabbar;